<template>
  <div id="tab-bar-item">
    <slot name="item-icon"></slot>
    <slot name="item-text"></slot>
   </div> 
</template>

<script>
export default {
  name: 'TabBartten'
}
</script>

<style>
#tab-bar-item{
    flex:1;
    text-align: center;
    height:49px;
    font-size:14px;
}
#tab-bar-item img{
    width:24px;
height:24;
margin-top:3px;
vertical-align:middle;
margin-bottom:2px;
}
</style>